<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<title>织梦纺 - 关于本站 - 添加友情链接</title>
<link rel="shortcut icon" href="../images/Logo_40.png" type="image/x-icon">
<!--Layui-->
<link href="../plug/layui/css/layui.css" rel="stylesheet"/>
<!--font-awesome-->
<link href="../plug/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<!-- animate.css -->
<link href="../css/animate.min.css" rel="stylesheet"/>
<!--全局样式表-->
<link href="../css/global.css" rel="stylesheet"/>
<!-- 本页样式表 -->
<link href="../css/timeline.css" rel="stylesheet"/>
<body>
<!-- 导航 -->
<nav class="blog-nav layui-header">
    <div class="blog-container">
        <!-- QQ互联登陆 -->
        <a href="javascript:;" class="blog-user">
            <i class="fa fa-qq"></i>
        </a>
        <a href="javascript:;" class="blog-user layui-hide">
            <img src="../images/Absolutely.jpg" alt="Absolutely" title="Absolutely"/>
        </a>
        <!-- 不落阁 -->
        <a class="blog-logo" href="home.html">织梦纺</a>
        <!-- 导航菜单 -->
        <ul class="layui-nav" lay-filter="nav">
            <li class="layui-nav-item">
                <a href="home.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
            </li>
            <li class="layui-nav-item">
                <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
            </li>
            <li class="layui-nav-item">
                <a href="resource.html"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href="timeline.html"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
            </li>
            <li class="layui-nav-item">
                <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
            </li>
        </ul>
        <!-- 手机和平板的导航开关 -->
        <a class="blog-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>
    </div>
</nav>
<div class="blog-body">
    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
            <a href="home.html" title="网站首页">网站首页</a>
            <a href="about.html" title="资源分享">关于本站</a>
            <a><cite>添加友情链接</cite></a>
        </blockquote>
        <div class="blog-main">
            <div class="child-nav shadow">
                <p class="child-nav-btn child-nav-btn-this">添加友情链接</p>
            </div>
            <div class="timeline-box shadow" style="min-height: 0;max-width: 1170px">
                <form action="">
                    <div class="layui-form-item" style="display:flex;flex-direction:column;">
                        <div style="align-self: center">
                            <label class="layui-form-label">标题：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" maxlength="15" required lay-verify="required"
                                       placeholder="请输入标题"
                                       autocomplete="off" class="layui-input" style="width: 15em">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="display:flex;flex-direction:column;">
                        <div style="align-self: center">
                            <label class="layui-form-label">域名：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title"  required lay-verify="required"
                                       placeholder="请输入域名"
                                       autocomplete="off" class="layui-input" style="width: 15em">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="display:flex;flex-direction:column;">
                        <div style="align-self: center">
                            <label class="layui-form-label">图片地址：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title"  required lay-verify="required"
                                       placeholder="请输入图片地址"
                                       autocomplete="off" class="layui-input" style="width: 15em">
                            </div>
                        </div>
                    </div>

                    <div style="display:flex;flex-direction:column;margin-top: 20px">
                        <input class="input-sub" type="submit" value="确定"
                               style="border: none;width: 80px;height: 40px;align-self: center;color: white;border-radius: 5px">
                    </div>
                </form>


            </div>

        </div>
    </div>
</div>
<!-- 底部 -->
<footer class="blog-footer">
    <p><span>Copyright</span><span>&copy;</span><span>2017</span><a href="http://www.lyblogs.cn">不落阁</a><span>Design By LY</span>
    </p>
    <p><a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备16029915号-1</a></p>
</footer>
<!--侧边导航-->
<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item">
        <a href="home.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
        <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="resource.html"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
    </li>
    <li class="layui-nav-item layui-this">
        <a href="timeline.html"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
</ul>
<!--分享窗体-->
<div class="blog-share layui-hide">
    <div class="blog-share-body">
        <div style="width: 200px;height:100%;">
            <div class="bdsharebuttonbox">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<!--遮罩-->
<div class="blog-mask animated layui-hide"></div>
<style>
    .input-sub {
        background: #60b879;
    }

    .input-sub:hover {
        background: black;
    }
</style>
<!-- layui.js -->
<script src="../plug/layui/layui.js"></script>
<!-- 全局脚本 -->
<script src="../js/global.js"></script>
<!-- 本页脚本 -->
<script type="text/javascript">
    layui.use('upload', function(){
        layui.upload({
            url: '' //上传接口
            ,success: function(res){ //上传成功后的回调
                console.log(res)
            }
        });
    });

    layui.use('jquery', function () {
        var $ = layui.jquery;

        $(function () {
            $('.monthToggle').click(function () {
                $(this).parent('h3').siblings('ul').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
            $('.yearToggle').click(function () {
                $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
        });
    });
</script>

</body>
</html>
